$c1: #bfbfbf;
$c2: #a7a7a7;
$c3: #C00000;
$c4: #808080;
$b1: #f8f8f8;
$b2: #f4f4f4;
$b3: #f7f7f7;
$b4: #9b9998;
$b5: #efefef;
$b6: #ff0000;
$b7: #ffa200;
$b8: #0b87fd;
$b9: #f8404e;
$b10: #1aab17;
$b11: #53c21d;
$b12: #e45656;
$title: #8bc3b0;
// 水平剧中底部
@mixin flexCenterEnd {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
// 水平垂直居中
@mixin flexCenterCenter {
	display: flex;
	justify-content: center;
	align-items: center;
}
// 水平靠两端居中
@mixin flexBetweenCenter {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
// 水平靠两端底部对齐
@mixin flexBetweenEnd {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
// 垂直居中
@mixin flexCenter {
	display: flex;
	align-items: center;
}
// 水平居中
@mixin flexContentCenter {
	display: flex;
	justify-content: center;
}
// 字体主色调
@mixin fontMainColor{
	color:  #FF4A6A;
}
// 背景颜色
@mixin backgroundMainColor {
	background-color: #FF4A6A;
}
/* 文字换行溢出处理 */
@mixin textEllipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

// 文本超出多少行后显示三个点
@mixin transcendLine($rows:3) {
	display: -webkit-box;
	-webkit-line-clamp: $rows;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@mixin bottomLine($color: #E5E5E5, $bottom: -25rpx) {
	position: absolute;
	width: 100%;
	height: 2rpx;
	background-color: $color;
	bottom: $bottom;
	left: 0rpx;
	content: "";
}

// 固定在底部
@mixin fixedBottom($bottom: 0rpx){
	position: fixed;
	right: 0;
	left: 0;
	bottom: $bottom;
	z-index: 99;
}

// 圆角三角形
@mixin circularTriangle {
	content: "";
	width: 14rpx;
	height: 24rpx;
	background-color: #FFFFFF;
	position: absolute;
	top: 22rpx;
	clip-path: polygon(0 53%, 0 49%, 100% 0, 100% 100%, 3% 63%, 0 59%);
}